<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>zchain.js</title>
		<style type="text/css">
			html, body {
				margin: 0;
			}
		</style>
		<script type="text/javascript" src="zchain-0.1.js"></script>
	</head>
	<body style="height: 1000px">
		<div style="height:100px;width:100px;background:gold;position:relative;top:10px;">
			<div id="sub" style="top:10px;">test</div>
		</div>
		<p style="background: gray;width:300px">
			hello
		</p>
	<script>
		
		var str = 'var window=(function () {return this;})()';
		var win = eval(str); 
		
		
		window.onload = function() {
			var docElem = document.documentElement;
			// console.log(window.pageYOffset);
			// console.log(docElem.scrollTop);
			// console.log(document.body.scrollTop);
		};

		// alert("getBoundingClientRect" in document.documentElement )
		// $('input').keyup(function(e){
			// document.body.appendChild(document.createTextNode(e));
		// });
		// $(document).click(function(){
			// //console.log($('[type=text]').val())
			// console.log($('[type=checkbox]').val())
		// });
		
		// var p = document.getElementsByTagName('p')[0];
		// var rect = p.getBoundingClientRect();
		// console.dir(rect)
		// console.log($('div').css('position'))
		
		var $p = $('p');
		// console.log($p.offset());
		// $('#sub').offset({
			// top: 10,
			// left: 20
		// });
		
		// console.log($('#sub').pos());
		// $p.css({
			// width: 100,
			// height: 300
		// });
	</script>
	</body>
</html>
